<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="../public/css/base.css">
    <link rel="stylesheet" href="./index.css">
    <script src="../public/js/carousel.js"></script>
    <!-- <script src="../public/js/flexible.js"></script> -->

</head>

<body>
    <!-- banner -->
    <div class="banner">
        <!-- 图片盒子 -->
        <div class="carousel">
            <div class="carousel-item">
                <a href=""><img src="./img/index_banner1.png" alt=""></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="./img/index_banner2.jpg" alt=""></a>
            </div>
        </div>
        <!-- 轮播标识 -->
        <ul class="carousel-sign">
            <li class="active"></li>
            <li></li>
        </ul>
    </div>
    <!-- 公务员报考咨询 -->
    <div class="seek page">
        <div class="center_box">
            <h2 class="title">公务员报考咨询 + <span>公考专业辅导中心</span></h2>
            <div class="pic">
                <img src="../index/img/img1.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 公考热门趋势 -->
    <div class="hot page">
        <div class="center_box">
            <h2 class="title">公考热门趋势</h2>
            <div class="box-white">
                <div class="flex-a">
                    <div class="num_people">
                        <div id="main"></div>
                    </div>
                    <div class="salary-img">
                        <div class="title">公务员待遇</div>
                        <img src="./img/index_hot1.png" alt="">
                    </div>
                </div>
                <div class="flex-b">
                    <div class="title">年薪参考</div>
                    <div class="tier">
                        <div class="frist">
                            <div class="tier-t">第一梯队</div>
                            <div class="scroll">
                                <table cellspacing="0">
                                    <thead>
                                        <tr>
                                            <td>省份</td>
                                            <td>年收入</td>
                                            <td>竞争比</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>广东</td>
                                            <td>30万</td>
                                            <td>37 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>北京</td>
                                            <td>27万</td>
                                            <td>12 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>上海</td>
                                            <td>25万</td>
                                            <td>13 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>江苏</td>
                                            <td>30万</td>
                                            <td>49 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>浙江</td>
                                            <td>30万</td>
                                            <td>52 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>重庆</td>
                                            <td>30万</td>
                                            <td>62 ： 1</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="second">
                            <div class="tier-t">第二梯队</div>
                            <div class="scroll">
                                <table cellspacing="0">
                                    <thead>
                                        <tr>
                                            <td>省份</td>
                                            <td>年收入</td>
                                            <td>竞争比</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>四川</td>
                                            <td>18万</td>
                                            <td>27 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>福建</td>
                                            <td>18万</td>
                                            <td>52 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>安徽</td>
                                            <td>25万</td>
                                            <td>21 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>天津</td>
                                            <td>16万</td>
                                            <td>51 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>江西</td>
                                            <td>15万</td>
                                            <td>38 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>湖北</td>
                                            <td>14万</td>
                                            <td>32 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>湖南</td>
                                            <td>13万</td>
                                            <td>17 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>黑龙江</td>
                                            <td>13万</td>
                                            <td>25 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>青海</td>
                                            <td>13万</td>
                                            <td>75 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>山东</td>
                                            <td>13万</td>
                                            <td>75 ： 1</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="third">
                            <div class="tier-t">第三梯队</div>
                            <div class="scroll">
                                <table cellspacing="0">
                                    <thead>
                                        <tr>
                                            <td>省份</td>
                                            <td>年收入</td>
                                            <td>竞争比</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>宁夏</td>
                                            <td>10万</td>
                                            <td>85 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>海南</td>
                                            <td>10万</td>
                                            <td>67 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>内蒙</td>
                                            <td>10万</td>
                                            <td>48 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>广西</td>
                                            <td>10万</td>
                                            <td>36 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>吉林</td>
                                            <td>10万</td>
                                            <td>22 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>河北</td>
                                            <td>10万</td>
                                            <td>20 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>新疆</td>
                                            <td>10万</td>
                                            <td>21 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>贵州</td>
                                            <td>9万</td>
                                            <td>83 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>甘肃</td>
                                            <td>9万</td>
                                            <td>58 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>山西</td>
                                            <td>9万</td>
                                            <td>43 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>辽宁</td>
                                            <td>9万</td>
                                            <td>28 ： 1</td>
                                        </tr>
                                        <tr>
                                            <td>河南</td>
                                            <td>9万</td>
                                            <td>30 ： 1</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 报考流程 -->
    <div class="process">
        <div class="center_box">
            <h2 class="title">报考流程</h2>
            <img src="./img/process_img.jpg" alt="">
        </div>
    </div>
    <!-- 咨询报考 -->
    <div class="consult">
        <div class="center_box reuse-dashed-line">
            <h2 class="title">公考报考 <span>快速咨询</span></h2>
            <ul class="list">
                <li>
                    <div class="box">
                        <div class="img">
                            <img src="./img/consult1.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>在校生</p>
                            <a href="">咨询入口</a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <div class="img">
                            <img src="./img/consult2.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>在职人员</p>
                            <a href="">咨询入口</a>
                        </div>

                    </div>
                </li>
                <li>
                    <div class="box">
                        <div class="img">
                            <img src="./img/consult3.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>零基础</p>
                            <a href="">咨询入口</a>
                        </div>

                    </div>
                </li>
                <li>
                    <div class="box">
                        <div class="img">
                            <img src="./img/consult4.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>二战学员</p>
                            <a href="">咨询入口</a>
                        </div>

                    </div>
                </li>
                <li>
                    <div class="box">
                        <div class="img">
                            <img src="./img/consult5.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>定向提升</p>
                            <a href="">咨询入口</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 专业备考指导 -->
    <div class="guidance page">
        <div class="center_box">
            <h2 class="title">专业备考指导</h2>
            <div class="img">
                <img src="./img/index_guidance.png" alt="">
            </div>
        </div>
    </div>
    <!-- 建议备考周期 -->
    <div class="cycle">
        <div class="center_box">
            <div class="title">建议备考周期<span>6个月以上</span></div>
            <div class="box">
                <div class="item">
                    <div class="tit"><span>考前4个月</span>基础理论学习</div>
                    <ul class="text">
                        <li><span>任务：</span>
                            <p>完成理论课程+分知识点练习</p>
                        </li>
                        <li><span>目标：</span>
                            <p>做题正确率达到80%以上</p>
                        </li>
                    </ul>
                </div>
                <div class="item">
                    <div class="tit"><span>考前2个月</span>重点巩固，专项提升</div>
                    <ul class="text">
                        <li><span>任务：</span>
                            <p>巩固正确率不达标的知识点+计时进行模块综合练习2000+道</p>
                        </li>
                        <li><span>目标：</span>
                            <p>计时模块总练习正确率达80%以上，用时不超考试用时的1.5倍</p>
                        </li>
                    </ul>
                </div>
                <div class="item">
                    <div class="tit"><span>考前1个月</span>冲刺拔高</div>
                    <ul class="text">
                        <li><span>任务：</span>
                            <p>结合看课重点攻克错题+规定时间进行套卷练习（含真题）</p>
                        </li>
                        <li><span>目标：</span>
                            <p>套卷整体评分稳定在65分以上，严格模拟考试时间</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 备考计划 -->
    <div class="plan page">
        <div class="center_box">
            <h2 class="title">公考备考计划</h2>
            <div class="ads">
                <img class="left" src="../index/img/icon10.png" alt="">
                <img class="right" src="../index/img/icon8.png" alt="">
                <p>依靠专业的讲师、教研团队和丰富的课程、教辅资源，充分考虑学员全过程学习动态，并提供具有针对性的定制化备考方案，能更好满足学员需求，有效提升学习效果，助力提分。</p>
            </div>
            <div class="box">
                <div class="item">
                    <img src="./img/icon11.png" alt="">
                    <div class="text">三段测评</div>
                    <p>根据学员测评结果，定制一对一个性化备考方案，指导性、落地性强</p>
                </div>
                <div class="item">
                    <img src="./img/icon11-2.png" alt="">
                    <div class="text">定制计划</div>
                    <p>根据学员测评结果，定制一对一个性化备考方案，指导性、落地性强</p>
                </div>
                <div class="item">
                    <img src="./img/icon11-3.png" alt="">
                    <div class="text">个性化服务</div>
                    <p>专属学服全程跟进督学，落实学员学习方案执行，结合教研专业建议定期优化调整</p>
                </div>
                <div class="item">
                    <img src="./img/icon10-4.png" alt="">
                    <div class="text">备考指导</div>
                    <p>1V1视频备考指导，小灶模式面对面切实解决学员针对性问题，保障备考实效</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 指导方案展示 -->
    <div class="scheme page">
        <div class="center_box">
            <h2 class="title">指导方案展示</h2>
            <div class="box">
                <div class="item">
                    <img class="icon" src="./img/icon_zhuanshu.png" alt="">
                    <img src="./img/index_zhidao1.jpg" alt="">
                    <div class="text">王同学专属学习计划</div>
                    <p>备考目标：内蒙古</p>
                    <a href="">了解详情</a>
                </div>
                <div class="item">
                    <img class="icon" src="./img/icon_zhuanshu.png" alt="">
                    <img src="./img/index_zhidao2.jpg" alt="">
                    <div class="text">刑同学专属学习计划</div>
                    <p>备考目标：内蒙古</p>
                    <a href="" class="tran">咨询方案</a>
                </div>
                <div class="item">
                    <img class="icon" src="./img/icon_zhuanshu.png" alt="">
                    <img src="./img/index_zhidao3.jpg" alt="">
                    <div class="text">谭同学专属学习计划</div>
                    <p>备考目标：内蒙古</p>
                    <a href="" class="tran">咨询方案</a>
                </div>
                <div class="item">
                    <img class="icon" src="./img/icon_zhuanshu.png" alt="">
                    <img src="./img/index_zhidao4.jpg" alt="">
                    <div class="text">马同学专属学习计划</div>
                    <p>备考目标：内蒙古</p>
                    <a href="" class="tran">咨询方案</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 明星班型 -->
    <div class="course page">
        <div class="center_box">
            <h2 class="title">明星班型</h2>
            <div class="box">
                <div class="item">
                    <img src="./img//course_img1.jpg" alt="">
                    <div class="text">
                        <div class="t">系统保障班<span>录播为主</span></div>
                        <div class="p">适合零基础，自控力及自主时间安排能力比较强的学员</div>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </div>
                </div>
                <div class="item">
                    <img src="./img//course_img2.jpg" alt="">
                    <div class="text">
                        <div class="t">直播畅学班<span>录播为主</span></div>
                        <div class="p">适合二战、在职备考等备考时间有限，学习能力比较强的学员</div>
                        <p>直播为主，侧重于应试知识点和必考常考知识点的重点巩固，加以大量练习讲解，以“提分”为课程设计导向</p>
                    </div>
                </div>
                <a class="item">
                    <img src="./img//course_img3.jpg" alt="">
                    <div class="text">
                        <div class="t">直播全程班<span>录播为主</span></div>
                        <div class="p">适合零基础，备考时间比较充裕，希望快速上岸的学员</div>
                        <p>全程直播，提供最全面最综合的阶段式课程辅导服务，从基础知识到解题技巧，全程跟踪辅导</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- 师资介绍 -->
    <div class="teacher page">
        <div class="center_box">
            <h2 class="title">师资介绍</h2>
            <a class="img-a" href="">
                <img src="./img/img13.png" alt="">
                <div class="text-box">
                    <div class="text1">20+专职教学团队</div>
                    <div class="text2 text-base">
                        <h3>高学历</h3>
                        <p>一定比例的博士、硕士梯队，及名校/师范毕业老师</p>
                    </div>
                    <div class="text3 text-base">
                        <h3>高学历</h3>
                        <p>一定比例的博士、硕士梯队，及名校/师范毕业老师</p>
                    </div>
                </div>
            </a>
            <div class="list">
                <div class="item">
                    <div class="top">明星老师</div>
                    <img src="./img/teacher_list1.png" alt="">
                    <div class="name-box">
                        <div class="name-b">明夷</div>
                        <p>言语理解与表达</p>
                    </div>
                </div>
                <div class="item">
                    <div class="top">明星老师</div>
                    <img src="./img/teacher_list2.png" alt="">
                    <div class="name-box">
                        <div class="name-b">李石</div>
                        <p>判断推理</p>
                    </div>
                </div>
                <div class="item">
                    <div class="top">明星老师</div>
                    <img src="./img/teacher_list3.png" alt="">
                    <div class="name-box">
                        <div class="name-b">罗超</div>
                        <p>常识</p>
                    </div>
                </div>
                <div class="item">
                    <div class="top">明星老师</div>
                    <img src="./img/teacher_list4.png" alt="">
                    <div class="name-box">
                        <div class="name-b">张引</div>
                        <p>数量关系、资料分析</p>
                    </div>
                </div>
                <div class="item">
                    <div class="top">明星老师</div>
                    <img src="./img/teacher_list5.png" alt="">
                    <div class="name-box">
                        <div class="name-b">鹤京</div>
                        <p>申论</p>
                    </div>
                </div>
                <div class="item">
                    <div class="top">明星老师</div>
                    <img src="./img/teacher_list6.png" alt="">
                    <div class="name-box">
                        <div class="name-b">张瀛文</div>
                        <p>面试</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 学服团队 -->
    <div class="xuefu">
        <div class="center_box reuse-dashed-line">
            <h2 class="title"><span>20+严选学服团队</span></h2>
            <div class="list">
                <ul>
                    <li class="item">
                        <img src="./img/icon12.png" alt="">
                        <div class="t">经验丰富</div>
                        <p>平均5年+学员辅导经验</p>
                    </li>
                    <li class="item">
                        <img src="./img/icon12-2.png" alt="">
                        <div class="t">服务理念</div>
                        <p>“学员满意度第一”为核心</p>
                    </li>
                    <li class="item">
                        <img src="./img/icon12-3.png" alt="">
                        <div class="t">实效准则</div>
                        <p>解决一类问题，非一个问题</p>
                    </li>
                    <li class="item">
                        <img src="./img/icon12-4.png" alt="">
                        <div class="t">时效保障</div>
                        <p>平均5年+学员辅导经验</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="center_box">
            <div class="img-box">
                <div class="big-img">
                    <img src="./img/img15.jpg" alt="">
                </div>
                <div class="small-img">
                    <a href="" class="new-class">
                        <div class="bg1"></div>
                        <span class="t">最新网课</span>
                        <span class="b b-1">点击试听</span>
                    </a>
                    <a href="" class="new-zl">
                        <div class="bg2"></div>
                        <span class="t">最新资料</span>
                        <span class="b b-2">点击获取</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 重点资质 -->
     <div class="cert page">
        <div class="center_box">
            <h2 class="title">重点资质</h2>
            <div class="box">
                <div class="left">
                    <div class="img">
                        <img src="./img/img17.jpg" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/img17-2.jpg" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/img17-3.jpg" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/img17-4.jpg" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/img17-5.jpg" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/img17-6.jpg" alt="">
                    </div>
                </div>
                <div class="right">
                    <img src="./img/img17-7.jpg" alt="">
                </div>
            </div>
        </div>
     </div>
     <!-- 公考资讯 -->
    <div class="news page">
        <div class="center_box">
            <h2 class="title">公考资讯</h2>
            <div class="box">
                <div class="left-news list-box">
                    <ul class="list">
                        <li class="top">
                            <a href="" class="details">
                                <div class="img">
                                    <img src="./img/news-img1.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="t">【时政】中海油全球首台套兆瓦级电解海水制氢装置试运行成功</div>
                                    <p>2024-12-26</p>
                                </div>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">【时政】中海油全球首台套兆瓦级电解海水制氢装置试运行成功</div>
                                <span>12-26</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">我国成功发射通信技术试验卫星十二号</div>
                                <span>12-26</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">【公考】人类首份月背古磁场信息</div>
                                <span>12-26</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">【公考时政】澳门回归祖国25周年</div>
                                <span>12-26</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="right-news list-box">
                    <ul class="list">
                        <li class="top">
                            <a href="" class="details">
                                <div class="img">
                                    <img src="./img/news-img1.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="t">【时政】中海油全球首台套兆瓦级电解海水制氢装置试运行成功</div>
                                    <p>2024-12-26</p>
                                </div>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">【时政】中海油全球首台套兆瓦级电解海水制氢装置试运行成功</div>
                                <span>12-26</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">我国成功发射通信技术试验卫星十二号</div>
                                <span>12-26</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">【公考】人类首份月背古磁场信息</div>
                                <span>12-26</span>
                            </a>
                        </li>
                        <li class="item">
                            <a href="">
                                <div class="t">【公考时政】澳门回归祖国25周年</div>
                                <span>12-26</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
<script src="./ub.js"></script>

</html>